<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>HIT Task Test Page</title>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="mturk.js"></script>
    <script type="text/javascript" src="pagecreator.js"></script>
    <script type="text/javascript" src="storycreator.js"></script>
    <script type="text/javascript" src="chartcreator.js"></script>
    <script type="text/javascript" src="surveycreator.js"></script>
    <script type="text/javascript" src="json.js"></script>
    <script type="text/javascript" src="logger.js"></script>
    <script type="text/javascript" src="logviewer.js"></script>
    <script type="text/javascript" src="trace.js"></script>
    <script type="text/javascript" src="tracking.js"></script>
    <script type="text/javascript" src="data.js"></script>

    <link href="styles.css" rel="stylesheet" type="text/css">

    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['corechart']});
      google.setOnLoadCallback(initHit);

      // Global variables.
      var assignId, stage, chart, data, lastSelectedRow, storyIndex, conditionIndex,
          page, annotations, logs;;
    </script>
  </head>

  <body>
    <!--Full page instructions -->
    <div id="fi-page">
      <table id="fi-container">
         <tr><td id="full-instruction" class="instruction"></td></tr></table>
      <input type="button" id="fi-button" class="centralbutton" value="Continue..." />
    </div>

    <!--Main study pages -->
    <div id="instruction" class="instruction"></div>
    <div id="question"></div>
    <div id="stage"></div>

    <!-- Only used in logviewer.js -->
    <div id="annotation"></div>
  </body>

</html>
